<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sevilla28 - App oficial para móviles</title>
	<link rel="stylesheet" href="../css/sevilla28.css" />
	<link rel="stylesheet" href="../css/jquery.mobile.structure-1.1.1.min.css" />
	<link rel="stylesheet" href="../css/sevilla28_specific.css" />
	<script src="../js/jquery-1.8.0.min.js"></script>
	<script src="../js/jquery.mobile-1.1.1.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="../js/cordova-2.0.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="../js/main.js"></script>
</head>
<body>
		<div data-role="page" data-theme="a">
			<div data-role="header" data-position="inline">
				<h1><img src="../img/logo.png" width="100%"></h1>
			</div>
			<script type="text/javascript">
			var miembro = jQuery.parseJSON(window.Coro.getMiembro(window.Coro.getMiembroSeleccionado()));
			$("#miembroCoro").append('<table class="tablaMiembros"><tr><th width="40%"><a href="fotoMiembro.html" onclick=""><img src="../' +miembro.rutaFoto +'" class="fotoMiembro"></a></th><th width="60%"><div class="miembroNombre">' +miembro.nombre +'</div></th></tr><tr><td colspan="2"><table class="tablaInstrumentos"><tr><td width="25%" class="centrado" id="instrumento1"><img src="../'+getInstrumento(1) +'" width="90%"></td><td width="25%" class="centrado" id="instrumento2"><img src="../'+getInstrumento(2) +'" width="90%"></td><td width="25%" class="centrado" id="instrumento3"><img src="../'+getInstrumento(3) +'" width="90%"></td><td width="25%" class="centrado" id="instrumento4"><img src="../'+getInstrumento(4) +'" width="90%"></td></tr></table></td></tr><tr><td colspan="2">'+miembro.descripcion +'</td></tr></table>');
			
			
			
			function getInstrumento(numInstrumento) {
				var rutaImagenInstrumento;
				if(miembro.habilidades.length<numInstrumento)
					return "img/instrumentos/blanco.png";
				var instrumento = miembro.habilidades[numInstrumento-1].instrumento;
				if(instrumento == "VOZ") {
			        rutaImagenInstrumento = "img/instrumentos/voz.png";
				} else if(instrumento == "PIANO") {
					rutaImagenInstrumento = "img/instrumentos/piano.png";
				} else if(instrumento == "ELECTRICA") {
					rutaImagenInstrumento = "img/instrumentos/electrica.png";
				} else if(instrumento == "CHELO") {
					rutaImagenInstrumento = "img/instrumentos/chelo.png";
				} else if(instrumento == "ARPA") {
					rutaImagenInstrumento = "img/instrumentos/arpa.png";
				} else if(instrumento == "GUITARRA") {
					rutaImagenInstrumento = "img/instrumentos/guitarra.png";
				} else if(instrumento == "ARMONICA") {
					rutaImagenInstrumento = "img/instrumentos/armonica.png";
				} else if(instrumento == "SONIDO") {
					rutaImagenInstrumento = "img/instrumentos/sonido.png";
				} else if(instrumento == "CAJA") {
					rutaImagenInstrumento = "img/instrumentos/caja.png";
				} else if(instrumento == "OBOE") {
					rutaImagenInstrumento = "img/instrumentos/oboe.png";
				} else {
					rutaImagenInstrumento = "img/instrumentos/blanco.png";
				} 
				return rutaImagenInstrumento;
			}
			</script>
			<div id="miembroCoro"></div>
			<div data-role="content"data-position="inline">
				<p class="centrado"><a href="http://www.facebook.com/home.php?#!/profile.php?id=100001435977096&amp;ref=ts" target="_blank"><img src="../img/facebook.png" width="50" height="50" border="0" title="Estamos en facebook"></a>
					<a href="http://www.youtube.com/user/sevilla28SR" target="_blank"><img src="../img/youtube.png" width="50" height="50" border="0" title="Nuestro canal de youtube"></a>
					<a href="mailto:sevilla28sr@gmail.com"><img src="../img/mail.png" width="50" height="50" border="0" title="Mandanos un correo"></a>
					<a href="http://www.tuenti.com/#m=Profile&amp;func=index&amp;user_id=67007793" target="_blank"><img src="../img/tuenti.png" width="50" height="50" border="0" title="Siguenos en tuenti"></a>
					<a href="http://twitter.com/Sevilla28" target="_blank"><img src="../img/twi.png" width="50" height="50" border="0" title="Ahora tambien en twitter"></a>
				</p>
			</div>
			<div id="copyright" class="centrado">Candy & Pocho Copyright 2012</div>
			<script>$("#copyright").bind("click", function(){ window.Cantoral.vibrar(100); $("#sorpresa").click(); });</script>
			<a href="foto.html" data-rel="dialog" id="sorpresa" data-transition="none"></a>
		</div>
</body>
</html>